<template>
  <div class="doc">
    <h2>Getting Start</h2>
    <p>HeyUI is a set of UI components and widgets built on Vue.js 2.0，mainly serves some middle and back end products.</p>
    <h3>Characteristic</h3>
    <p>HeyUI provides a complete solution, all components provide a global configurable mode.</p>
    <ul class="text-ul">
      <li>Real data drive components</li>
      <li>Global configuration mode</li>
      <li>Data Dictionary</li>
    </ul>
    <h3>Installation</h3>
    <p>It is recommended to use npm for installation.</p>
    <codesEn type="sh">npm install heyui</codesEn>

    <h3>Example</h3>
    <p>By referring to HeyUI, we can simply write an application interface.</p>
    <exampleEn demo="basic/demo"></exampleEn>

    <h3>Support Environment</h3>
    <p>Modern browsers and IE9 and above.</p>

    <h3>Compatible</h3>
    <p>HeyUI supports Vue.js 2.x.</p>

    <h3>Related Links</h3>
    <ul class="text-ul">
      <li><a href="https://vuejs.org/">Vue official documentation</a></li>
      <li><a href="https://github.com/heyui/hey-cli">Hey-cli Scaffolding</a></li>
      <li><a href="http://admin.heyui.top">Official demo</a></li>
    </ul>
  </div>
</template>

<script>

export default {
  data() {
    return {
    };
  },
  methods: {
  },
  components: {
  }
};
</script>
